<template>
	<!-- 其他合同付款，处理付款 -->
	<uni-card
	  v-if="dataOne?.activitiInstance?.formKey === 'deduct' && (billType ==='QTHTFK' || billType ==='CLFKSQ' )"
	  :title="'付款'"
	  class="card"
	>
	 
	 <view class="uni-form-item uni-column" style="margin-top: 10px;"
	       v-if="billType ==='QTHTFK'">
	 	<view class="title">付款金额(元)</view>
	 	<input class="uni-input" type="digit" v-model="amt" @input="inputAmt"  placeholder-style="color:#F76260" placeholder="请输入金额" />
	 </view> 
	 
	 <view class="uni-form-item uni-column" style="margin-top: 10px;"
	       v-if="billType ==='CLFKSQ'">
	 	<view class="title">付款金额(元)</view>
	 	<input class="uni-input" type="digit" v-model="paymentAmt" @input="inputPaymentAmt"  placeholder-style="color:#F76260" placeholder="请输入金额" />
	 </view> 
 
	</uni-card>
	
	<!-- 费用报销 -->
	<uni-card
	  v-if="dataOne?.activitiInstance?.formKey === 'deduct' && billType ==='FYBX' "
	  :title="'报销'"
	  class="card"
	>
 
	 <view class="uni-form-item uni-column" style="margin-top: 10px;">
	 	<view class="title">实际报销金额(元)</view>
	 	<input class="uni-input" type="digit" v-model="approveAmt" @input="inputApproveAmt"  placeholder-style="color:#F76260" placeholder="请输入金额" />
	 </view> 
	 
	</uni-card>
 
</template>

<script>
	import {
		range
	} from './api';
	export default {
		props: {
			billType: String,
			dataOne: Object,
		},
		data() {
			return {
				range,
				amt: "",
				paymentAmt: "",
				approveAmt: "",
			};
		},

		methods: {
			inputAmt(v) {
				this.$emit('formValueChange', {
					amt: v?.detail?.value,
				})
			},
			inputPaymentAmt(v) {
				this.$emit('formValueChange', {
					paymentAmt: v?.detail?.value,
				})
			},
			inputApproveAmt(v) {
				this.$emit('formValueChange', {
					approveAmt: v?.detail?.value,
				})
			},
		},
	};
</script>

<style lang="scss" scoped>



</style>
